@import "../../styles/base";

/*提交订单*/
.ga-order-refer{
  .ga-arrow-cell{
    .item{
      @include align-items(center);
      font-size:28rpx;
    }

    .pos{
      @include wh(24rpx,32rpx);
      background: url("http://ga-1255639017.file.myqcloud.com/images/icon/pos.png") no-repeat;
      background-size: 100% 100%;
      margin-right:20rpx;
    }
  }
  .address{
    @extend %flex;
    background: #fff;
    padding:35rpx 22rpx;
    @include align-items(center);
    border-bottom: 1px solid $grayLighter;

    @extend %active;

    .p1{
      font-size:30rpx;
    }

    .p2{
      font-size:24rpx;
      color:$gray;
    }

    .mark{
      @extend %inline-block;
      padding:0 13rpx;
      color:$orange;
      border:1px solid $orange;
      @include border-radius(8rpx);
    }

    .edit{
      @include flex(0 0 auto);
      @include wh(44rpx,43rpx);
      background: url("http://ga-1255639017.file.myqcloud.com/images/icon/edit.png") no-repeat;
      background-size: 100% 100%;
    }
  }

  .ga-group-list{
    .item{
      margin-top:10rpx;
      font-size:22rpx;
    }
    .img-box{
      @include wh(235rpx,175rpx);
      border:1rpx solid $grayLighter;
      @include border-radius(8rpx);
      @include box-shadow(4rpx 6rpx 15rpx $grayLighter);

      image{
        max-height:100%;
        max-width:100%;
      }
    }

    .p1{
      margin-top:5rpx;
      color:$gray;
      height:90rpx;
      line-height:30rpx;
      overflow: hidden;
    }
    .con{
      @extend %flex;
      color:$grayLight;

      .price{
        margin-left:30rpx;
        font-size:26rpx;
        color:#000;
      }
    }
  }

  .bottom{
    @extend %flex;
    @include align-items(center);
    font-size:26rpx;
    background: #fff;

    .total{
      padding:0 22rpx;
      color:$primary;
    }

    .btn{
      @include flex(0 0 auto);//不放大 不缩小 项目本来大小
      @include wh(300rpx,98rpx,98rpx);
      @include border-radius(0);
      padding:0;
      font-size:26rpx;
    }
  }

  .mark{
    color:$yellow;
    border:1px solid $yellow;
    @include border-radius(8rpx);
    padding:0 10rpx;
  }

  .th{
    @include wh(25rpx,25rpx);
    background: url("http://ga-1255639017.file.myqcloud.com/images/icon/th.png") no-repeat;
    background-size: 100% 100%;
    margin-left:11rpx;
  }
  .ga-action-sheet{
    min-height:500rpx;
    h1{
      @include wh(auto,80rpx,80rpx);
      text-align: center;
      font-size:30rpx;
    }

    .weui-cells{
      margin-top:0;
    }

    .link-box{
      @include wh(auto,80rpx);

      .link{
        display:block;
        position: absolute;
        font-size:30rpx;
        background: $orange;
        color:#fff;
        bottom:0;
        text-align: center;
        @include wh(100%,80rpx,80rpx);
      }
    }
  }
}
